<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/jquery.js"></script>
		<title></title>
	</head>

	<body>
		<!--头部·-->
		<div class="head">
			<img src="img/header.png" />
		</div>

		<!--导航一-->
		<div class="daohang-1">
			<div class="daohang-1-con">
				<ul class="ul-1">
					<a href="#">
						<li>小米商城</li>
					</a>
					<a href="#">
						<li>MIUI</li>
					</a>
					<a href="#">
						<li>米聊 </li>
					</a>
					<a href="#">
						<li>游戏 </li>
					</a>
					<a href="#">
						<li>多看阅读</li>
					</a>
					<a href="#">
						<li>云服务 </li>
					</a>
					<a href="#">
						<li>金融</li>
					</a>
					<a href="#">
						<li>小米商城移动版</li>
					</a>
					<a href="#">
						<li>问题反馈</li>
					</a>
					<a href="#">
						<li>Sftter la</li>
					</a>
				</ul>
				<ul class="ul-2">
					<a href="#"><li class="right">登录</li></a>
					<a href="#"><li>注册</li></a>
					<a href="#"><li>消息通知</li></a>
					<a href="#"><li>
						<i class="fa fa-sw fa-shopping-cart"></i>购物车(0)
					</li>
					</a>
				</ul>
			</div>
		</div>

		<!--导航二-->
		<div class="center">
			<div class="daohang2">
				<div class="logo-1">
					<img src="img/logo.png" />
					<img src="img/logo1.png" />
				</div>
				<ul class="daohang-2-ul">
					<a href="#">
						<li>小米手机
							<div class="daohang2-none">
								<ul>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>红米
							<div class="daohang2-none">
								<ul>
									<li>
										<img src="img/2.jpg" />
										<p>小米</p>
									</li>
									<li>
										<img src="img/2.jpg" />
										<p>小米</p>
									</li>
									<li>
										<img src="img/2.jpg" />
										<p>小米</p>
									</li>
									<li>
										<img src="img/2.jpg" />
										<p>小米</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>平板.笔记本
						<div class="daohang2-none">
								<ul>
									<li>
										<img src="img/13.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/13.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/13.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/13.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>电视.盒子
							<div class="daohang2-none">
								<ul>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>影音
							<div class="daohang2-none">
								<ul>
									<li>
										<img src="img/39.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/39.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/39.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/39.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>路由器
							<div class="daohang2-none">
								<ul>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>智能硬件
							<div class="daohang2-none">
								<ul>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>服务
							<div class="daohang2-none">
								<ul>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>社区
							<div class="daohang2-none">
								<ul>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
				</ul>
				<form>
					<input type="text" placeholder="电视A4*49特惠" /><button><i class="fa fa-sw fa-search"></i></button>
				</form>
			</div>

			<!--banner-->
			<div class="banner">
				<ul class="banner-ul">
					<a href="#">
						<li>手机 电话卡
							<p class="fa fa-sw fa-angle-right"></p>
							<div class="toggle">
								<ul>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/27.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>笔记本 平板
							<p class="fa fa-sw fa-angle-right"></p>
							<div  class="toggle">
								<ul>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>电视 盒子
							<p class="fa fa-sw fa-angle-right"></p>
							<div class="toggle">
								<ul>
									<li>
										<img src="img/15.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/15.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/15.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/15.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/15.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/15.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>路由器 智能硬件
							<p class="fa fa-sw fa-angle-right"></p>
							<div class="toggle">
								<ul>
									<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/30.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>移动电源 电池 插线板
							<p class="fa fa-sw fa-angle-right"></p>
							<div class="toggle">
								<ul>
									<li>
										<img src="img/42.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/42.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/42.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/42.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/42.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/42.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>耳机 音像
							<p class="fa fa-sw fa-angle-right"></p>
							<div class="toggle">
								<ul>
									<li>
										<img src="img/43.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/43.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/43.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/43.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/43.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/43.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>保护套 贴膜
							<p class="fa fa-sw fa-angle-right"></p>
							<div class="toggle">
								<ul>
									<li>
										<img src="img/25.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/25.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/25.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/25.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/25.jpg" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/25.jpg" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>线材 支架 存储卡
							<p class="fa fa-sw fa-angle-right"></p>
							<div class="toggle">
								<ul>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>箱包 服饰 鞋 眼镜
							<p class="fa fa-sw fa-angle-right"></p>
							<div class="toggle">
								<ul>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
					<a href="#">
						<li>米兔 生活周边
							<p class="fa fa-sw fa-angle-right"></p>
							<div class="toggle">
								<ul>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
									<li>
										<img src="img/mian2.png" />
										<p>小米6</p>
									</li>
								</ul>
							</div>
						</li>
					</a>
				</ul>
					<div class="box-banner">
						<ul>
							<li class="show"><img src="img/banner2.jpg"/></li>
							<li><img src="img/banner22.jpg"/></li>
							<li><img src="img/banner44.jpg"/></li>
						</ul>
						
					</div>
					
					<!--<div class="banner-jiantou">
						<a href="#"><span><i class="fa fa-se fa-angle-left"></i></span></a>
						<a href="#"><span><i class="fa fa-se fa-angle-right"></i></span></a>
					</div>-->
			</div>

			<!--main1-->
			<div class="main1">
				<div class="main1-1">
					<ul>
						<a href="#"><li>
							<img src="img/t1.png" />
							<p>选购手机</p>
						</li></a>
						<a href="#"><li>
							<img src="img/t2.png" />
							<p>企业团购</p>
						</li></a>
						<a href="#"><li>
							<img src="img/t3.png" />
							<p>一元活动</p>
						</li></a>
						<a href="#"><li>
							<img src="img/t4.png" />
							<p>小米移动</p>
						</li></a>
						<a href="#"><li>
							<img src="img/t5.png" />
							<p>以旧换新</p>
						</li></a>
						<a href="#"><li>
							<img src="img/t6.png" />
							<p>话费充值</p>
						</li></a>
					</ul>
				</div>
				<img src="img/01.jpg" />
				<img src="img/02.jpg" />
				<img src="img/03.jpg" />
			</div>

			<!--小米明星单品-->
			
				<div class="danpin-head clearfix">
					<h3>小米明星单品</h3>
					<p class="hua">
						<span id="huaL"><i class="fa fa-sw fa-angle-left"></i></span>
						<span id="huaR"><i class="fa fa-sw fa-angle-right"></i></span>
					</p>
				</div>
				<div class="daninn">
			<ul class="danpin">	
				<li style="border-top: #FDC55E 2px solid;">
					<img src="img/mian1.png" />
					<p class="danpin-p1">红米note 4x</p>
					<p class="danpin-p2">4100mAn超长续航，多彩金属</p>
					<p class="danpin-p3">999元起</p>
				</li>
				<li style="border-top: #AAD586 2px solid;">
					<img src="img/mian2.png" />
					<p class="danpin-p1">红米note 4x</p>
					<p class="danpin-p2">4100mAn超长续航，多彩金属</p>
					<p class="danpin-p3">999元起</p>
				</li>
				<li style="border-top: #68B7F5 2px solid;">
					<img src="img/mian3.png" />
					<p class="danpin-p1">红米note 4x</p>
					<p class="danpin-p2">4100mAn超长续航，多彩金属</p>
					<p class="danpin-p3">999元起</p>
				</li>
				<li style="border-top: #E6413D  2px solid;">
					<img src="img/mian4.png" />
					<p class="danpin-p1">红米note 4x</p>
					<p class="danpin-p2">4100mAn超长续航，多彩金属</p>
					<p class="danpin-p3">999元起</p>
				</li>
				<li style="border-top: #0AC2A8 2px solid;">
					<img src="img/mian5.png" />
					<p class="danpin-p1">红米note 4x</p>
					<p class="danpin-p2">4100mAn超长续航，多彩金属</p>
					<p class="danpin-p3">999元起</p>
				</li>
				<li style="border-top: #FDC55E 2px solid;">
					<img src="img/mian1.png" />
					<p class="danpin-p1">红米note 4x</p>
					<p class="danpin-p2">4100mAn超长续航，多彩金属</p>
					<p class="danpin-p3">999元起</p>
				</li>
				<li style="border-top: #AAD586 2px solid;">
					<img src="img/mian2.png" />
					<p class="danpin-p1">红米note 4x</p>
					<p class="danpin-p2">4100mAn超长续航，多彩金属</p>
					<p class="danpin-p3">999元起</p>
				</li>
				<li style="border-top: #68B7F5 2px solid;">
					<img src="img/mian3.png" />
					<p class="danpin-p1">红米note 4x</p>
					<p class="danpin-p2">4100mAn超长续航，多彩金属</p>
					<p class="danpin-p3">999元起</p>
				</li>
				<li style="border-top: #E6413D  2px solid;">
					<img src="img/mian4.png" />
					<p class="danpin-p1">红米note 4x</p>
					<p class="danpin-p2">4100mAn超长续航，多彩金属</p>
					<p class="danpin-p3">999元起</p>
				</li>
				<li style="border-top: #0AC2A8 2px solid;">
					<img src="img/mian5.png" />
					<p class="danpin-p1">红米note 4x</p>
					<p class="danpin-p2">4100mAn超长续航，多彩金属</p>
					<p class="danpin-p3">999元起</p>
				</li>
			</ul>
			</div>

		<!--家电-->
		<div class="con-xia">
			<div class="jiadian">
				<div class="jiadian-tit">
					<h3>家电</h3>
					<ul>
						<a href="#"><li>热门</li></a>
						<a href="#"><li>电视影音</li></a>
						<a href="#"><li>电脑</li></a>
						<a href="#"><li>家具</li></a>
					</ul>
				</div>
				
				<div class="jiadian-left">
					<img src="img/1.jpg" />
				</div>
				<ul class="jiadian-right">
					<li>
						<img src="img/mian4.png" />
						<p class="jiadian-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="jiadian-price"><span class="jiadian-span1">2299元</span><span class="jiadian-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian5.png" />
						<p class="jiadian-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="jiadian-price"><span class="jiadian-span1">2299元</span><span class="jiadian-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian4.png" />
						<p class="jiadian-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="jiadian-price"><span class="jiadian-span1">2299元</span><span class="jiadian-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian5.png" />
						<p class="jiadian-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="jiadian-price"><span class="jiadian-span1">2299元</span><span class="jiadian-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian5.png" />
						<p class="jiadian-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="jiadian-price"><span class="jiadian-span1">2299元</span><span class="jiadian-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian4.png" />
						<p class="jiadian-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="jiadian-price"><span class="jiadian-span1">2299元</span><span class="jiadian-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian5.png" />
						<p class="jiadian-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="jiadian-price"><span class="jiadian-span1">2299元</span><span class="jiadian-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia" style="background: #F5F5F5;">
						<div class="last1">
							<div class="last-p">
								<p class="last-p1">米家扫地机...</p>
								<p class="last-p2">1699元</p>
							</div>
							<div class="last-img">
								<img src="img/8.jpg" />
							</div>
						</div>
						<div class="last2" style="margin-top: 20px;">
							<div class="last-p">
								<p class="last-p1">浏览更多</p>
								<p class="last-p2">热门</p>
							</div>
							<div class="last-img">
								<img src="img/yuan.png" />
							</div>
						</div>
					</li>
				</ul>
			</div>

			<!--智能-->
			<div class="zhineng">
				<div class="zhineng-tit">
					<h3>智能</h3>
					<ul>
						<a href="#"><li>热门</li></a>
						<a href="#"><li>出行</li></a>
						<a href="#"><li>健康</li></a>
						<a href="#"><li>酷玩</li></a>
						<a href="#"><li>路由器</li></a>
					</ul>
				</div>
				<div class="zhineng-left">
					<img src="img/9.jpg" />
					<img src="img/10.jpg" />
				</div>
				<ul class="zhineng-right">
					<li>
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia" style="background: #F5F5F5;">
						<div class="last1">
							<div class="last-p">
								<p class="last-p1">米家扫地机...</p>
								<p class="last-p2">1699元</p>
							</div>
							<div class="last-img">
								<img src="img/8.jpg" />
							</div>
						</div>
						<div class="last2" style="margin-top: 20px;">
							<div class="last-p">
								<p class="last-p1">浏览更多</p>
								<p class="last-p2">热门</p>
							</div>
							<div class="last-img">
								<img src="img/yuan.png" />
							</div>
						</div>
					</li>
				</ul>
			</div>

			<!--搭配-->
			<div class="zhineng">
				<div class="zhineng-tit">
					<h3>搭配</h3>
					<ul>
						<a href="#"><li>热门</li></a>
						<a href="#"><li>耳机</li></a>
						<a href="#"><li>音像</li></a>
						<a href="#"><li>电源</li></a>
						<a href="#"><li>电池存储卡</li></a>
					</ul>
				</div>
				<div class="zhineng-left">
					<img src="img/11.jpg" />
					<img src="img/16.jpg" />
				</div>
				<ul class="zhineng-right">
					<li>
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia" style="background: #F5F5F5;">
						<div class="last1">
							<div class="last-p">
								<p class="last-p1">米家扫地机...</p>
								<p class="last-p2">1699元</p>
							</div>
							<div class="last-img">
								<img src="img/8.jpg" />
							</div>
						</div>
						<div class="last2" style="margin-top: 20px;">
							<div class="last-p">
								<p class="last-p1">浏览更多</p>
								<p class="last-p2">热门</p>
							</div>
							<div class="last-img">
								<img src="img/yuan.png" />
							</div>
						</div>
					</li>
				</ul>
			</div>

			<!--配件-->
			<div class="zhineng">
				<div class="zhineng-tit">
					<h3>配件</h3>
					<ul>
						<a href="#"><li>热门</li></a>
						<a href="#"><li>保护套</li></a>
						<a href="#"><li>贴膜</li></a>
						<a href="#"><li>其他配件</li></a>
					</ul>
				</div>
				<div class="zhineng-left">
					<img src="img/21.jpg" />
					<img src="img/26.jpg" />
				</div>
				<ul class="zhineng-right">
					<li>
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia" style="background: #F5F5F5;">
						<div class="last1">
							<div class="last-p">
								<p class="last-p1">米家扫地机...</p>
								<p class="last-p2">1699元</p>
							</div>
							<div class="last-img">
								<img src="img/8.jpg" />
							</div>
						</div>
						<div class="last2" style="margin-top: 20px;">
							<div class="last-p">
								<p class="last-p1">浏览更多</p>
								<p class="last-p2">热门</p>
							</div>
							<div class="last-img">
								<img src="img/yuan.png" />
							</div>
						</div>
					</li>
				</ul>
			</div>

			<!--周边-->
			<div class="zhineng">
				<div class="zhineng-tit">
					<h3>周边</h3>
					<ul>
						<a href="#"><li>热门</li></a>
						<a href="#"><li>服装</li></a>
						<a href="#"><li>米兔</li></a>
						<a href="#"><li>生活周边</li></a>
						<a href="#"><li>箱包</li></a>
					</ul>
				</div>
				<div class="zhineng-left">
					<img src="img/31.jpg" />
					<img src="img/36.jpg" />
				</div>
				<ul class="zhineng-right">
					<li>
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li>
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian4.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia">
						<img src="img/mian5.png" />
						<p class="zhineng-title">小米电视A4 49英寸</p>
						<p class="youhui">7.1-7.31直降300元</p>
						<p class="zhineng-price"><span class="zhineng-span1">2299元</span><span class="zhineng-span2"><s>2599元</s></span></p>
					</li>
					<li class="xia" style="background: #F5F5F5;">
						<div class="last1">
							<div class="last-p">
								<p class="last-p1">米家扫地机...</p>
								<p class="last-p2">1699元</p>
							</div>
							<div class="last-img">
								<img src="img/8.jpg" />
							</div>
						</div>
						<div class="last2" style="margin-top: 20px;">
							<div class="last-p">
								<p class="last-p1">浏览更多</p>
								<p class="last-p2">热门</p>
							</div>
							<div class="last-img">
								<img src="img/yuan.png" />
							</div>
						</div>
					</li>
				</ul>
			</div>

			<!--为你推荐-->
			<div class="tuijian">
				<h3>为你推荐</h3>
				<ul>
					<li>
						<img src="img/41.jpg" />
						<p class="tuijian-title">小米电视3s 65英寸 影院版</p>
						<p class="tuijian-price">6699元</p>
					</li>
					<li>
						<img src="img/42.jpg" />
						<p class="tuijian-title">小米电视3s 65英寸 影院版</p>
						<p class="tuijian-price">6699元</p>
						<p class="tuijian-like">5644人好评</p>
					</li>
					<li>
						<img src="img/43.jpg" />
						<p class="tuijian-title">小米电视3s 65英寸 影院版</p>
						<p class="tuijian-price">6699元</p>
						<p class="tuijian-like">5644人好评</p>
					</li>
					<li>
						<img src="img/44.jpg" />
						<p class="tuijian-title">小米电视3s 65英寸 影院版</p>
						<p class="tuijian-price">6699元</p>
						<p class="tuijian-like">5644人好评</p>
					</li>
					<li>
						<img src="img/45.jpg" />
						<p class="tuijian-title">小米电视3s 65英寸 影院版</p>
						<p class="tuijian-price">6699元</p>
						<p class="tuijian-like">5644人好评</p>
					</li>
				</ul>
			</div>

			<!--热评产品-->
			<div class="chanpin">
				<h3>热评产品</h3>
				<ul>
					<li>
						<img src="img/s1.png" />
						<p class="chanpin-p1">非常好用，孩子使用防止沉迷于电话影响学习。做工很好，定位基本准确，通话清晰。如果加入时间显示就更完美...</p>
						<p class="chanpin-p2">来自于 田密 的评价</p>
						<div class="chanpin-p3">
							<p class="chanpin-left">小米随身蓝牙音像</p>
							<p class="chanpin-right">69元</p>
						</div>
					</li>
					<li>
						<img src="img/s2.png" />
						<p class="chanpin-p1">有了它，妈妈再也不用担心我喝不到健康的水了。呵呵，良心产品，平民价格，对现在的水质起到了很好的改善作...</p>
						<p class="chanpin-p2">来自于 田密 的评价</p>
						<div class="chanpin-p3">
							<p class="chanpin-left">小米随身蓝牙音像</p>
							<p class="chanpin-right">69元</p>
						</div>
					</li>
					<li>
						<img src="img/s3.png" />
						<p class="chanpin-p1">非常好用，孩子使用防止沉迷于电话影响学习。做工很好，定位基本准确，通话清晰。如果加入时间显示就更完美...</p>
						<p class="chanpin-p2">来自于 田密 的评价</p>
						<div class="chanpin-p3">
							<p class="chanpin-left">小米随身蓝牙音像</p>
							<p class="chanpin-right">69元</p>
						</div>
					</li>
					<li>
						<img src="img/s4.png" />
						<p class="chanpin-p1">这箱子很好，外观漂亮，实用性强。很轻，有点软但不影响它的坚固。</p>
						<p class="chanpin-p2">来自于 田密 的评价</p>
						<div class="chanpin-p3">
							<p class="chanpin-left">小米随身蓝牙音像</p>
							<p class="chanpin-right">69元</p>
						</div>
					</li>
				</ul>
			</div>

			<!--内容-->
			<div class="m-con">
				<h3>内容</h3>
				<ul class="con-ul">
					<li>
						<h5>图书</h5>
						<p class="m-con-p1">哈利·波特与被诅咒的孩子</p>
						<p class="m-con-p2">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
						<p class="m-con-price">39.37元</p>
						<img src="img/46.png" />
						<ul class="dian">
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</li>
					<li>
						<h5>MIUI主题</h5>
						<p class="m-con-p1">哈利·波特与被诅咒的孩子</p>
						<p class="m-con-p2">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
						<p class="m-con-price">39.37元</p>
						<img src="img/47.jpg" />
						<ul class="dian">
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</li>
					<li>
						<h5>游戏</h5>
						<p class="m-con-p1">哈利·波特与被诅咒的孩子</p>
						<p class="m-con-p2">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
						<p class="m-con-price">39.37元</p>
						<img src="img/48.png" />
						<ul class="dian">
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</li>
					<li>
						<h5>应用</h5>
						<p class="m-con-p1">哈利·波特与被诅咒的孩子</p>
						<p class="m-con-p2">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
						<p class="m-con-price">39.37元</p>
						<img src="img/49.png" />
						<ul class="dian">
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</li>
				</ul>
			</div>

			<!--视频-->
			<div class="shipin">
				<div class="shipin-head">
					<h3>视频</h3>
					<div class="shipin-head-right">
						<p>查看全部</p>
						<p class="fa fa-sw fa-angle-right"></p>
					</div>

				</div>
				<ul>
					<li>
						<img src="img/50.jpg" />
						<p class="shipin-p1">听雷总讲述小米7年工艺探索之路</p>
						<p class="shipin-p2">小米6，7年工艺探索的巅峰之作</p>
					</li>
					<li>
						<img src="img/51.jpg" />
						<p class="shipin-p1">听雷总讲述小米7年工艺探索之路</p>
						<p class="shipin-p2">小米6，7年工艺探索的巅峰之作</p>
					</li>
					<li>
						<img src="img/52.jpg" />
						<p class="shipin-p1">听雷总讲述小米7年工艺探索之路</p>
						<p class="shipin-p2">小米6，7年工艺探索的巅峰之作</p>
					</li>
					<li>
						<img src="img/53.jpg" />
						<p class="shipin-p1">听雷总讲述小米7年工艺探索之路</p>
						<p class="shipin-p2">小米6，7年工艺探索的巅峰之作</p>
					</li>
				</ul>
			</div>
</div>
			<div class="footer-wrrap">
				<!--ul-di1-->
				<div class="di1">
					<ul class="ul-di1">
						<li>
							<img src="img/6898e4b4843f4e43b7618b15e7db2894.png" />
							<span>预约维修服务</span>
						</li>
						<li>
							<img src="img/4f144627605075468e2aa8926d2bfc24.png" />
							<span>预约维修服务</span>
						</li>
						<li>
							<img src="img/4102939ceb265945a42154088b92899c.png" />
							<span>预约维修服务</span>
						</li>
						<li>
							<img src="img/d7f4b1e79ccc64428741cf43c5c438d0.png" />
							<span>预约维修服务</span>
						</li>
						<li>
							<img src="img/e12ee06d3ebff44fad52c67cc9279e14.png" />
							<span>预约维修服务</span>
						</li>
					</ul>
				</div>

				<!--低-ul-2-->
				<div class="di-ul2">
					<div class="di-ul2-left">
						<ul>
							<li>帮助中心</li>
							<li>账户管理</li>
							<li>购物指南</li>
							<li>订单操作</li>
						</ul>
						<ul class="ul-le">
							<li>帮助中心</li>
							<li>账户管理</li>
							<li>购物指南</li>
							<li>订单操作</li>
						</ul>
						<ul class="ul-le">
							<li>帮助中心</li>
							<li>账户管理</li>
							<li>购物指南</li>
							<li>订单操作</li>
						</ul>
						<ul class="ul-le">
							<li>帮助中心</li>
							<li>账户管理</li>
							<li>购物指南</li>
							<li>订单操作</li>
						</ul>
						<ul class="ul-le">
							<li>帮助中心</li>
							<li>账户管理</li>
							<li>购物指南</li>
							<li>订单操作</li>
						</ul>
						<ul class="ul-le">
							<li>帮助中心</li>
							<li>账户管理</li>
							<li>购物指南</li>
							<li>订单操作</li>
						</ul>
					</div>
					<div class="di-ul2-right">
						<h3>小米客服</h3>
						<p>7*24小时全程陪伴</p>
						<p>为您解决问题</p>
						<div class="zixun">立即开始咨询</div>
					</div>
				</div>

				<!--底部·-->
				<footer>
					<div class="foot-img">
						<img src="img/logo.png" />
					</div>
					<div class="foot-zhong">
						<ul>
							<a href="#"><li>小米商城</li></a>
							<a href="#"><li>MIUI</li></a>
							<a href="#"><li>米聊</li></a>
							<a href="#"><li>多看商城</li></a>
							<a href="#"><li>小米路由器</li></a>
							<a href="#"><li>视频电话</li></a>
							<a href="#"><li>小米天猫店</li></a>
							<a href="#"><li>小米淘宝直营店</li></a>
							<a href="#"><li>小米网盟</li></a>
							<a href="#"><li>小米移动</li></a>
							<a href="#"><li>隐私政策</li></a>
							<a href="#"><li>sjidjiejd</li></a>
						</ul>
						<p>©mi.com 京ICP证110507号 京ICP备10046444号京公网安备11010802020134号 京网文[2014]0059-0009号</p>
						<p> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					</div>
					<div class="foot-right">
						<img src="img/truste.png" />
						<img src="img/v-logo-1.png" />
						<img src="img/v-logo-2.png" />
						<img src="img/v-logo-3.png" />
					</div>
				</footer>

				<div class="foot-h1">
					<h3>探索黑科技，小米为发烧而生!</h3>
				</div>
			</div>

		
	</body>
<script type="text/javascript" src="js/index.js"></script>
</html>